@import "../../asset/style/index";
.none{
    margin-top: 110px !important;
}
.order-head{
    width: 100%;
    box-sizing: border-box;
    background: #F9F9F9;
    padding-bottom: 20px;
    .order-head-wrap{
        width: 100%;
        background: #FFFFFF;
        padding: 60px;
        padding-top: 152px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .order-head-item{
            width: 200px;
            text-align: center;
            color: #343232;
            font-size: 30px;
            .number{
                color: #008589;
                font-size: 50px;
                font-weight: bold;
                margin-bottom: 10px;
            }
            .text{
                color: #393A3B;
                font-size: 24px;
                text-align: center;
                margin: 0 auto;
                .text-dw{
                    color: #008589;
                }
            }
        }
        .images{
            width: 138px;
            height: 138px;
            border-radius: 50%;
        }
    }
}
.order-list-wrap{
    width: 100%;
    padding: 34px 0;
    padding-top: 20px;
    box-sizing: border-box;
    background: #FFFFFF;
    .list-top{
        width: 100%;
        display: flex;
        align-items: center;
        font-size: 36px;
        height: 60px;
        border-bottom: 1px solid #E2E3E4;
        .top-text{
            width: 230px;
            text-align: center;
            height: 49px;
            margin-right: 40px;
            color: #666666;
            font-size: 28px;
            .text{
                margin-bottom: 12px;
            }
            .text-bottom{
                width: 46px;
                height: 6px;
                background: #008589;
                border-radius: 2px;
                margin: 0 auto;
            }
        }
        .top-text-active{
            color: #000000;
            font-weight: bold;
        }
    }
    .list-bottom{
        width: 100%;
        padding: 0 32px;
        box-sizing: border-box;
        .keep-content-list-item {
            padding-left: 0;
            .list-centent-left-wrap {
                border-bottom: 1rpx solid #E5E6E7;
                .list-centent {
                    width: 398 rpx;
                }
            }
            .btns {
                width: 144px;
                height: 56px;
                background: #008589;
                border: 1px solid #008589;
                border-radius: 44px;
                color: #FFFFFF;
                margin-top: 38rpx;
                font-size: 28px;
                .sao-img {
                    width: 28px;
                    height: 28px;
                    margin-right: 6px;
                }
            }
            .btns-hui {
                background: #999999;
                color: #FFFFFF;
                border: 0;
            }
            .hui-text {
                color: #999999;
                font-size: 20rpx;
                margin-top: 8px;
            }
            .btns1{
                width: 128px;
                height: 58px;
                background: #008589;
                border-radius: 100px;
                color: #FFFFFF;
                font-size: 24px;
                margin-top: 36rpx;
            }
            .btns-next {
                background: #999999;
            }
            .btns-next-tk {
                background: rgba(0,0,0,0);
                color: #737475;
            }
        }
    }
}

.appraise-wrap{
    position: fixed;
    top: 0;
    bottom: 0;
    background: rgba(67, 67, 67, 0.4);
    z-index:9999;
    height: 100vh;
    width: 100vw;
    .appraise-popup {
        border-radius: 40px;
        width: 622px;
        padding: 48px 62px;
        box-sizing: border-box;
        background: $white;
        .appraise-name {
            color: #393A3B;
            font-size: 36px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 30px;
        }
        .popup-xinji{
            .appraise-icon{
                width: 72px;
                height: 72px;
            }
        }
        .btns-appraise-wrap{
            width: 100%;
            margin-top: 78px;
            padding: 0 52px;
            box-sizing: border-box;
            color: #008589;
            font-size: 36px;
            .quxiao {
                color: #737475;
            }
        }
    }
}
